<template>
  <div id="app">
 <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in count" class="infinite-list-item" :key="i.id">{{ i }}</li>
  </ul>
  </div>
</template>

<script>
import Vue from 'vue';
import { InfiniteScroll } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.component(InfiniteScroll);


export default {
  component:{
    InfiniteScroll
  },
  data () {
      return {
        count: [1,2,3,4,5,6,7,8,9,10]
      }
    },
    methods: {
      load () {
        this.count += 2
      }
    }
}
</script>

<style>

</style>
